@charset "utf-8";
$fontSize: 100;
@function r($p){
   @return $p/$fontSize*1rem;
}
.content{
   .roll{
       width: 100%;
       font-size: 0;
       position: relative;
       .turn{
           img{
               width: 100%;
           }
       }
       .mask{
           width: 100%;
           position: absolute;
           bottom: 0;
           left: 0;
           height: r(104);
           background-color: rgba(0, 0, 0, .5);
           color: #ffffff;
           display: flex;
           align-items: center;
           justify-content: space-between;
           div{
               display: inline-block;
           }
           .elma{
               p{
                    margin-left: 0.15rem;
                    font-size: 16px;
               }
           }
           .mask_time{
               margin-right: r(30);
               font-size: 14px;
               margin-top: 23px;
               img{
                   margin: 0 r(10) 0 r(20);
               }
           }
       }
   }
}
.GIMC_news{
    padding: 0 r(28);
    .GIMC_news_part{
        padding-bottom: r(32);
        margin-top: r(47);
        border-bottom: 1px solid #cecece;
        .GIMC_news_tp{
            display: inline-block;
            width: r(210);
            height: r(150);
            vertical-align: top;
            img{
                width: 100%;
            }
        }
        .GIMC_news_wz{
            width: r(360);
            display: inline-block;
            margin-left: r(8);
            font-size: 13px;
            p:nth-of-type(1){
                font-size: 19px;
                font-weight: bold;
            }
            p:nth-of-type(2){
                margin-top: 5px;
                opacity: .7;
            }
            div{
                text-align: right;
                margin-top: 5px;
                img{
                    margin: 0 5px;
                    vertical-align: middle;
                }
                img:nth-of-type(1){
                    width: r(17);
                    height: r(15);
                }
                img:nth-of-type(2){
                    width: r(21);
                    height: r(16);
                }
            }
        }
    }
    .more{
        margin-top: r(20);
        margin-bottom: r(30);
        text-align: center;
        font-size: 16px;
    }
}


// Resources_2_content

    
.content_top{
    padding: 0 r(30);
    padding-bottom: r(30);
    border-bottom: 1px solid #e6e6e6;
    .video_tx{
        margin-bottom: r(50);
        p{
            font-size: 21px;
            font-weight: bold;
            margin-top: r(42);
            margin-bottom: r(18);
        }
        div{
            font-size: 16px;
            opacity: 0.7;
            img{
                width: r(60);
                height: r(24);
                padding-left: r(20);
                padding-right: r(10);
            }
        }
    }
    .income_tx{
        p{
            font-size: 19px;
            opacity: 0.5;
            margin-bottom: r(27);
        }
        .income_tx_tp{
            width: r(580);
            height: r(337);
            position: relative;
            
            img{
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                width: 100%;
            }
        }
    }
}
.content_bottom{
    padding: 0 r(30);
    p{
        font-size: 20px;
        opacity: .7;
        margin-top: r(36);
    }
    .Contact_way{
        margin-top: r(9);
        ul{
            display: flex;
            // font-size: 0;
            height: r(150);
            background-color: #b20000;
            align-items: flex-start;
            li{
                padding-top: r(36);
                flex-grow: 1;
                position: relative;
                text-align: center;
                img{
                    width: r(44);
                    height: r(40);
                }
                span{
                    font-size: 15px;
                    color: #ffffff;
                    position: absolute;
                    bottom: -0.4rem;
                    left: 0;
                }
            }
            li::after{
                content: "";
                height: r(115);
                width: 1px;
                background-color: #ffffff;
                position: absolute;
                right: 0;
                top: 12px;
            }
            li:nth-of-type(1){
                span:nth-of-type(1){
                    left: r(70);
                }
            }
            li:nth-of-type(2){
                span:nth-of-type(1){
                    left: r(25);
                }
            }
        }
    }
}

